@charset "UTF-8";
/**
 * Yo框架全局base定义
 * 本文件与variables不同地方在于，这里所定义的map可以使用在variables和任何地方
 * lib中map使用“_”开头，本文件中不使用"_"
 * base ⇌ extra
 */
/**
 * Yo框架全局base定义
 * 本文件与variables不同地方在于，这里所定义的map可以使用在variables和任何地方
 * 本文件中map使用"_"开头，extra中不使用"_"
 * base ⇌ extra
 */
/**
 * 合并base和extra中的同类base map
 * 用以解决业务方升级Yo时需比base和extra的一致性
 * 当extra为空时，base map将以base文件里的定义作为默认值
 * 当extra不为空时，base map使用extra文件里的定义
 */
/**
 * Yo框架全局Variables
 * Yo基础变量map，如果不想定义某属性，将其value设置为null；
 * Yo仅使用2种长度单位：px用于边框，rem用于除边框之外的所有地方
 * variables中map使用“_”开头，本文件中不使用"_"
 * variables ⇌ config
 */
/**
 * Yo框架全局Variables
 * Yo基础变量map，如果不想定义某属性，将其value设置为null
 * Yo仅使用2种长度单位：px用于边框，rem用于除边框之外的所有地方
 * 本文件中map使用"_"开头，config中不使用"_"
 * variables ⇌ config
 */
/**
 * 合并variables和config中的同类map
 * 用以解决业务方升级Yo时需比config和variables的一致性
 * 当config为空时，使用variables中的map作为默认值
 * 当config不为空时，使用config中的定义
 */
/**
 * Yo框架自定义全局函数
 * 扩充Sass默认函数库，用以增强语法
 */
/**
 * @module List扩展函数
 * @description 返回SassList中的第一项
 * @function first
 * @version 2.1.0
 * @param {String} $list 指定一个Sass List <2.1.0>
 */
/**
 * @module List扩展函数
 * @description 返回SassList中的最后一项
 * @function last
 * @version 2.1.0
 * @param {String} $list 指定一个Sass List <2.1.0>
 */
/**
 * @module List扩展函数
 * @description 返回SassList中的倒数第几项
 * @function nth-last
 * @version 2.1.0
 * @param {String} $list 指定一个Sass List <2.1.0>
 * @param {Integer} $index 指定需要返回的值在list中的倒数位置 <2.1.0>
 */
/**
 * @module List扩展函数
 * @description 移除SassList中的某个项目并返回新的List
 * @function remove
 * @version 2.1.0
 * @param {String} $list 指定一个Sass List <2.1.0>
 * @param {String} $value 指定需要被删除的值 <2.1.0>
 */
/**
 * @module List扩展函数
 * @description 截取SassList中的某个部分并返回新的List
 * @function slice
 * @version 2.1.0
 * @param {String} $list 指定一个Sass List <2.1.0>
 * @param {Integer} $start 指定需要截取的开始下标 <2.1.0>
 * @param {Integer} $end 指定需要截取的结束下标（不包括end），当该值缺省时默认为末尾下标 <2.1.0>
 */
/**
 * @module List扩展函数
 * @description 从SassList中添加/删除项目，然后返回新的List。
 * @function splice
 * @version 2.1.0
 * @param {String} $list 指定一个Sass List <2.1.0>
 * @param {Integer} $index 指定需要移除的开始下标 <2.1.0>
 * @param {Integer} $count 指定需要移除的数量，不可以为负值，0表示不移除 <2.1.0>
 * @param {String} $values 指定需要添加的新值（可以是多个），如果该值缺省，则表示只移除不添加新值 <2.1.0>
 */
/**
 * Yo框架全局基础方法
 * 包括响应式方案，CSS3兼容性方案，厂商前缀方案，iconfont方案，flex布局等全局方法
 */
/**
 * @module 常用方法
 * @description 给需要的属性加厂家前缀
 * @method prefix
 * @version 1.0.0
 * @param {String} $property 指定属性 <1.0.0>
 * @param {String} $value 指定属性值 <1.0.0>
 * @skip
 */
/**
 * @module 常用方法
 * @description 定义字体图标
 * @method _iconfont
 * @version 1.0.0
 * @skip
 */
/**
 * @module 常用方法
 * @description 四则运算(系统要求：iOS6.0+,Android4.4+)
 * @method calc
 * @version 1.7.0
 * @param {String} $property 指定需要进行计算的CSS属性 <1.7.0>
 * @param {String} $value 与原生CSS语法一致，区别在于需要使用引号包裹表达式 <1.7.0>
 * @example
 * .calc {
 *     @include calc(width, "100% - 100px");
 * }
 *
 * <div class="calc">四则运算</div>
 */
/**
 * @module 常用方法
 * @description 定义响应式方案
 * @method responsive
 * @version 1.0.0
 * @param {String} $media 指定媒体查询条件，取值为`config`文件map `media-types`中的值 <1.0.0>
 */
/**
 * @module 常用方法
 * @description 清除浮动方案
 * @method clearfix
 * @version 1.0.0
 * @param {String} $type 指定清除浮动的方式，包括：pseudo-element | bfc，默认值：pseudo-element <1.8.5>
 */
/**
 * @module 常用方法
 * @description 清除行内级元素间间隙方案
 * @method clearspace
 * @version 3.0.3
 * @param {Length} $font-size 指定子元素字号，默认值：.14rem <3.0.3>
 * @example
 * .demo {
 *     @include clearspace;
 * }
 *
 * <div class="demo">
 *      <span class="item">1</span>
 *      <span class="item">2</span>
 *      <span class="item">3</span>
 * </div>
 */
/**
 * @module 常用方法
 * @description 描述元素内容在横、纵方向上的对齐方式，默认为水平垂直居中对齐
 * @method align
 * @version 2.0.0
 * @param {String} $flexbox 元素布局方式，可选值：flex | inline-flex，默认值：flex <2.0.0>
 * @param {Keyword} $justify-content 元素内容的水平对齐方式，取值与`justify-content`属性一致，默认值：center <2.0.0>
 * @param {Keyword} $align-items 元素内容的垂直对齐方式，取值与`align-items`属性一致，默认值：center <2.0.0>
 * @example
 * .demo {
 *     @include align;
 * }
 *
 * <div class="demo">
 *      <img alt="未知尺寸图片居中" />
 * </div>
 */
/**
 * @module 常用方法
 * @description 定义是否有滚动条
 * @method overflow
 * @version 1.0.0
 * @param {String} $overflow 取值与最新原生语法一致，默认值：auto <1.0.0>
 */
/**
 * @module 常用方法
 * @description 生成全屏方法
 * @method fullscreen
 * @version 1.7.0
 * @param {Integer} $z-index 指定层叠级别 <1.7.0>
 * @param {Keywords} $position 指定定位方式，取除`static | relative`之外的值，默认值：absolute <1.8.5>
 */
/**
 * @module 用户界面
 * @description 定义使用何种滤镜
 * @method filter
 * @version 1.7.0
 * @param {String} $filter 取值与`filter`属性一致 <1.7.0>
 */
/**
 * @module 用户界面
 * @description 定义UA默认外观
 * @method appearance
 * @version 1.0.0
 * @param {String} $appearance 取值与`appearance`属性一致，默认值：none <1.0.0>
 */
/**
 * @module 用户界面
 * @description 定义如何选中内容
 * @method user-select
 * @version 1.0.0
 * @param {String} $user-select 取值与`user-select`属性一致，默认值：none <1.0.0>
 */
/**
 * @module 用户界面
 * @description 定义盒模型
 * @method box-sizing
 * @version 1.0.0
 * @param {String} $box-sizing 指定盒模型类型，取值与`box-sizing`属性一致，默认值：border-box <1.0.0>
 */
/**
 * @module 背景与边框
 * @description 定义渐变色值
 * @method gradient
 * @version 1.0.0
 * @param {String} $type 指定渐变的4种类型：linear, repeating-linear, radial, repeating-radial <1.0.0>
 * @param {String} $dir 指定渐变方向，可选值：[left | right] || [top | bottom] | angle <2.0.0>
 * @param {String} $gradient 指定渐变取值，与w3c最新原生语法一致 <1.0.0>
 */
/**
 * @module 背景与边框
 * @description 定义背景图像缩放（AndroidBrowser2.3.*还需要厂商前缀）
 * @method background-size
 * @version 1.4.0
 * @param {Keywords | Length} $background-size 指定背景图缩放值，取值与`background-size`属性一致 <1.4.0>
 */
/**
 * @module 背景与边框
 * @description 定义背景裁减（AndroidBrowser2.3.*还需要厂商前缀）
 * @method background-clip
 * @version 1.6.0
 * @param {Keywords} $background-clip 指定背景图缩放值，取值与`background-clip`属性一致 <1.6.0>
 */
/**
 * @module 背景与边框
 * @description 定义背景显示区域（AndroidBrowser2.3.*还需要厂商前缀）
 * @method background-origin
 * @version 1.6.0
 * @param {Keywords} $background-origin 指定背景图`background-position`属性计算相对的参考点，取值与`background-origin`属性一致 <1.6.0>
 */
/**
 * @module 背景与边框
 * @description 为元素添加边框（包括1px边框）
 * @method border
 * @version 2.0.0
 * @param {String} $border-width 指定边框厚度（单位为px），默认值：1px，取值与`border-width`属性一致，不同方向代表边框位置 <2.0.0>
 * @param {String} $border-color 指定边框颜色 <2.0.0>
 * @param {String} $border-style 指定边框样式 <2.0.0>
 * @param {String} $radius 指定边框圆角半径，默认值：null <2.0.0>
 */
/**
 * @module 背景与边框
 * @description 定义圆角，用于修复某些安卓机型上“圆角+边框+背景”，背景溢出的情况
 * @method border-radius
 * @version 1.6.0
 * @param {Length} $border-radius 指定元素的圆角半径，取值与`border-radius`属性一致 <1.6.0>
 */
/**
 * @module Transform
 * @description 定义简单变换
 * @method transform
 * @version 1.0.0
 * @param {String} $transform 取值范围与`transform`属性一致 <1.0.0>
 */
/**
 * @module Transform
 * @description 定义变换原点
 * @method transform-origin
 * @version 1.0.0
 * @param {Length | Percentage | Keywords} $transform-origin 取值范围与`transform-origin`属性一致 <1.0.0>
 */
/**
 * @module Transform
 * @description 指定某元素的子元素是（看起来）位于三维空间内，还是在该元素所在的平面内被扁平化
 * @method transform-style
 * @version 2.0.0
 * @param {String} $transform-style 取值范围与`transform-style`属性一致 <2.0.0>
 */
/**
 * @module Transform
 * @description 指定观察者与「z=0」平面的距离，使具有三维位置变换的元素产生透视效果。「z>0」的三维元素比正常大，而「z<0」时则比正常小，大小程度由该属性的值决定。
 * @method perspective
 * @version 2.0.0
 * @param {none | Length} $perspective 取值范围与`perspective`属性一致 <2.0.0>
 */
/**
 * @module Transform
 * @description 指定透视点的位置
 * @method perspective-origin
 * @version 2.0.0
 * @param {Length | Percentage | Keywords} $perspective-origin 取值范围与`perspective-origin`属性一致 <2.0.0>
 */
/**
 * @module Transform
 * @description 指定元素背面面向用户时是否可见
 * @method backface-visibility
 * @version 2.0.0
 * @param {Keywords} $backface-visibility 取值范围与`backface-visibility`属性一致 <2.0.0>
 */
/**
 * @module Animation
 * @description 定义动画
 * @method animation
 * @version 1.0.0
 * @param {String} $animation 取值与原生语法一致 <1.0.0>
 */
/**
 * @module Animation
 * @description 指定需要引用的动画名称
 * @method animation-name
 * @version 3.0.0
 * @param {String} $animation-name 取值与原生语法一致 <3.0.0>
 */
/**
 * @module Animation
 * @description 指定动画运行一次所持续的时长
 * @method animation-duration
 * @version 3.0.0
 * @param {String} $animation-duration 取值与原生语法一致 <3.0.0>
 */
/**
 * @module Animation
 * @description 指定动画运行方式
 * @method animation-timing-function
 * @version 3.0.0
 * @param {String} $animation-timing-function 取值与原生语法一致 <3.0.0>
 */
/**
 * @module Animation
 * @description 指定动画延迟多久之后再开始
 * @method animation-delay
 * @version 3.0.0
 * @param {String} $animation-delay 取值与原生语法一致 <3.0.0>
 */
/**
 * @module Animation
 * @description 指定动画循环几次
 * @method animation-iteration-count
 * @version 3.0.0
 * @param {String} $animation-iteration-count 取值与原生语法一致 <3.0.0>
 */
/**
 * @module Animation
 * @description 指定动画的运动方向
 * @method animation-direction
 * @version 3.0.0
 * @param {String} $animation-direction 取值与原生语法一致 <3.0.0>
 */
/**
 * @module Animation
 * @description 指定动画的运动状态
 * @method animation-play-state
 * @version 3.0.0
 * @param {String} $animation-play-state 取值与原生语法一致 <3.0.0>
 */
/**
 * @module Animation
 * @description 指定动画时间之外的状态
 * @method animation-fill-mode
 * @version 3.0.0
 * @param {String} $animation-fill-mode 取值与原生语法一致 <3.0.0>
 */
/**
 * @module Transition
 * @description 定义补间
 * @method transition
 * @version 1.0.0
 * @param {String} $transition 取值与原生语法一致 <1.0.0>
 */
/**
 * @module Flexbox
 * @description 定义显示类型为伸缩盒
 * @method flexbox
 * @version 1.0.0
 * @param {String} $flexbox 默认值：flex，可选值：flex | inline-flex <1.0.0>
 */
/**
 * @module Flexbox
 * @description 定义伸缩盒子元素如何分配空间
 * @method flex
 * @version 1.0.0
 * @param {Number} $flex 取值与`flex`属性一致，默认值：1 <1.0.0>
 * @param {String} $direction 默认值: row，可选值：row | column <1.5.0>
 */
/**
 * @module Flexbox
 * @description 定义伸缩盒子元素的排版顺序
 * @method order
 * @version 1.0.0
 * @param {Integer} $order 取值与`order`属性一致，默认值：1 <1.0.0>
 */
/**
 * @module Flexbox
 * @description 定义弹性盒子元素流动方向及遇见边界时是否换行(要求系统：iOS7.0+, Android4.4+)
 * @method flex-flow
 * @version 2.0.0
 * @param {String} $flex-flow 取值与`flex-flow`属性一致，默认值：row nowrap <2.0.0>
 */
/**
 * @module Flexbox
 * @description 定义伸缩盒子元素的流动方向
 * @method flex-direction
 * @version 1.0.0
 * @param {String} $flex-direction 取值与`flex-direction`属性一致，默认值：row <1.0.0>
 */
/**
 * @module Flexbox
 * @description 定义弹性盒子元素溢出后排版(要求系统：iOS7.0+, Android4.4+)
 * @method flex-wrap
 * @version 1.0.0
 * @param {String} $flex-wrap 取值与`flex-wrap`属性一致，默认值：nowrap <1.0.0>
 */
/**
 * @module Flexbox
 * @description 定义弹性容器主轴对齐方式(其中`space-around`值需要iOS7.0+,Android4.4+)
 * @method justify-content
 * @version 1.0.0
 * @param {String} $justify-content 取值与`justify-content`属性一致，默认值：center <1.0.0>
 */
/**
 * @module Flexbox
 * @description 定义多行弹性容器侧轴对齐方式(要求系统：iOS7.0+,Android4.4+)
 * @method align-content
 * @version 1.8.5
 * @param {String} $align-content 取值与`align-content`属性一致，默认值：center <1.8.5>
 */
/**
 * @module Flexbox
 * @description 定义单行弹性容器侧轴对齐方式
 * @method align-items
 * @version 1.0.0
 * @param {String} $align-items 取值与`align-items`属性一致，默认值：center <1.0.0>
 */
/**
 * @module Flexbox
 * @description 定义弹性容器中子元素自身的在侧轴对齐方式(要求系统：iOS7.0+,Android4.4+)
 * @method align-self
 * @version 1.0.0
 * @param {String} $align-self 取值与`align-self`属性一致，默认值：center <1.0.0>
 */
/**
 * @module 形状
 * @description 生成矩形方法
 * @method rect
 * @version 1.0.0
 * @param {Length} $width 定义矩形的长度 <1.0.0>
 * @param {Length} $height 定义矩形的高度 <1.0.0>
 */
/**
 * @module 形状
 * @description 生成正方形方法
 * @method square
 * @version 1.0.0
 * @param {Length} $size 定义正方形的边长 <1.0.0>
 */
/**
 * @module 形状
 * @description 生成圆形方法
 * @method circle
 * @version 1.0.0
 * @param {Length} $size 定义圆的半径长度 <1.0.0>
 * @param {Length} $radius 定义圆的圆角半径长度 <1.0.0>
 */
/**
 * @module 常用方法
 * @description 在自适应宽度情况下，确保内容元素的宽高比固定，比如：实现随屏幕大小而变化的正方形。
 * @method fixed-scale
 * @version 3.0.10
 * @param {Length} $width 默认值：100%。用以指定内容元素的初始宽度，由于尺寸需动态变化，不要使用固定单位 <3.0.10>
 * @param {Length} $scale 默认值：1/1，即正方形。用以指定内容元素的宽度高比 <3.0.10>
 */
/**
 * @module 文本
 * @description 链接处理方法
 * @method link
 * @version 1.0.0
 * @param {Color} $color 定义链接颜色 <1.0.0>
 */
/**
 * @module 文本
 * @description 文本碰到边界是否换行
 * @method wrap
 * @version 1.0.0
 * @param {Boolean} $is-wrap 定义文本是否换行，默认值：true <2.0.0>
 */
/**
 * @module 文本
 * @description 单行文本溢出时显示省略号
 * @method ellipsis
 * @version 1.0.0
 * @param {Length} $width 定义容器的宽度，默认值：null <2.0.0>
 * @param {Integer} $line-clamp 定义需要显示的行数，默认值：1（即使用单行溢出的处理方案），需要注意的是本参数只支持webkit内核 <2.1.2>
 */
/**
 * @module 文本
 * @description 文字隐藏方案
 * @method texthide
 * @version 1.0.0
 * @param {Length} $width 定义容器的宽度，默认值：null <2.0.0>
 */
/**
 * Yo框架全局Reset
 * Yo重置Mobile及高级浏览器上常见的差异
 */
*,
::before,
::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

html,
body {
  overflow: hidden;
  height: 100%; }

::-webkit-scrollbar {
  display: none; }

html {
  background-color: #eee;
  color: #212121;
  font-size: 100px;
  -webkit-user-select: none;
  user-select: none; }

body {
  margin: 0;
  font-size: 0.14em;
  line-height: 1.5;
  font-family: Helvetica Neue, Helvetica, STHeiTi, sans-serif; }

ul,
ol,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
figure,
form,
fieldset,
legend,
input,
textarea,
button,
p,
blockquote,
th,
td,
pre,
xmp {
  margin: 0;
  padding: 0; }

input,
textarea,
button,
select,
pre,
xmp,
tt,
code,
kbd,
samp {
  line-height: inherit;
  font-family: inherit; }

h1,
h2,
h3,
h4,
h5,
h6,
small,
big,
input,
textarea,
button,
select {
  font-size: inherit; }

address,
cite,
dfn,
em,
i,
optgroup,
var {
  font-style: normal; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  text-align: left; }

ul,
ol,
menu {
  list-style: none; }

fieldset,
img {
  border: 0;
  vertical-align: middle; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
video {
  display: inline-block; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "\0020"; }

textarea,
pre,
xmp {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

textarea {
  resize: vertical; }

input,
textarea,
button,
select,
summary,
a {
  outline: 0 none; }

input,
textarea,
button,
select {
  color: inherit; }
  input:disabled,
  textarea:disabled,
  button:disabled,
  select:disabled {
    opacity: 1; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0; }

input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="file"]::-webkit-file-upload-button,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none; }

::-webkit-details-marker {
  display: none; }

mark {
  background-color: rgba(0, 0, 0, 0); }

a,
ins,
s,
u,
del {
  text-decoration: none; }

a,
img {
  -webkit-touch-callout: none; }

a {
  color: #00afc7; }

.g-clear::after,
.g-mod::after {
  display: block;
  overflow: hidden;
  clear: both;
  height: 0;
  content: "\0020"; }

@font-face {
  font-family: yofont;
  src: url(//ss.qunarzz.com/yo/font/1.0.3/yofont.woff) format("woff"), url(//ss.qunarzz.com/yo/font/1.0.3/yofont.ttf) format("truetype"); }

.yo-ico {
  font-family: yofont !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle; }

@font-face {
  font-family: yofont;
  src: url(/assets/icons/iconfont.woff) format("woff"), url(/assets/icons/iconfont.ttf) format("truetype"); }

@font-face {
  font-family: yofont;
  src: url(/assets/icons/iconfont1.woff) format("woff"), url(/assets/icons/iconfont1.ttf) format("truetype"); }

.dm-content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column; }
  .dm-content header {
    width: 100%;
    height: .5rem;
    background-color: #f5f5f5;
    display: flex;
    align-content: center; }
    .dm-content header nav {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center; }
      .dm-content header nav .dm-logo {
        width: .72rem;
        height: .22rem;
        display: flex;
        font-size: .16rem;
        align-items: center;
        justify-content: center; }
        .dm-content header nav .dm-logo i {
          line-height: 17px;
          text-align: center;
          width: 18px;
          height: 17px; }
        .dm-content header nav .dm-logo span {
          color: #222;
          font-size: .16rem;
          margin-left: .05rem; }
      .dm-content header nav .dm-search {
        padding-left: .1rem;
        width: 2.42rem;
        height: .27rem;
        display: flex;
        align-items: center;
        background-color: #fff;
        border-radius: 15px; }
        .dm-content header nav .dm-search i {
          line-height: 17px;
          text-align: center;
          width: 18px;
          height: 17px; }
        .dm-content header nav .dm-search span {
          color: #999; }
      .dm-content header nav .user-info {
        width: .54rem;
        height: .26rem;
        text-align: center;
        line-height: .26rem;
        padding-right: .2rem;
        padding-left: .1rem;
        font-size: .2rem; }
  .dm-content main {
    width: 100%;
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
    overflow-y: scroll; }
    .dm-content main .link-swiper {
      width: 100%;
      height: 1.41rem; }
    .dm-content main .swiper-container {
      width: 100%;
      height: 100%; }
      .dm-content main .swiper-container img {
        width: 100%;
        height: 100%; }
    .dm-content main .dm-classify {
      width: 100%;
      height: 1.58rem;
      padding: .24rem 0 .12rem;
      display: flex;
      flex-wrap: wrap; }
      .dm-content main .dm-classify li {
        width: 25%;
        height: 50%;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center; }
        .dm-content main .dm-classify li .list-one {
          background: url("https://img.alicdn.com/tfs/TB11Qyre2WG3KVjSZFgXXbTspXa-84-84.png_q80.jpg_.webp") no-repeat;
          background-size: auto 100%;
          background-position: center; }
        .dm-content main .dm-classify li .list-two {
          background: url("https://img.alicdn.com/tfs/TB10l5BeYus3KVjSZKbXXXqkFXa-84-84.png_q80.jpg_.webp") no-repeat;
          background-size: auto 100%;
          background-position: center; }
        .dm-content main .dm-classify li .list-three {
          background: url("https://img.alicdn.com/tfs/TB1Y5Cte21G3KVjSZFkXXaK4XXa-84-84.png_q80.jpg_.webp") no-repeat;
          background-size: auto 100%;
          background-position: center; }
        .dm-content main .dm-classify li .list-four {
          background: url("https://img.alicdn.com/tfs/TB1JoCAeWWs3KVjSZFxXXaWUXXa-84-84.png_q80.jpg_.webp") no-repeat;
          background-size: auto 100%;
          background-position: center; }
        .dm-content main .dm-classify li .list-five {
          background: url("https://img.alicdn.com/tfs/TB1wgeve8aE3KVjSZLeXXXsSFXa-84-84.png_q80.jpg_.webp") no-repeat;
          background-size: auto 100%;
          background-position: center; }
        .dm-content main .dm-classify li .list-six {
          background: url("https://img.alicdn.com/tfs/TB1IIawe9WD3KVjSZSgXXcCxVXa-84-84.png_q80.jpg_.webp") no-repeat;
          background-size: auto 100%;
          background-position: center; }
        .dm-content main .dm-classify li .list-seven {
          background: url("https://img.alicdn.com/tfs/TB1Icawe9WD3KVjSZSgXXcCxVXa-84-84.png_q80.jpg_.webp") no-repeat;
          background-size: auto 100%;
          background-position: center; }
        .dm-content main .dm-classify li .list-eight {
          background: url("https://img.alicdn.com/tfs/TB1uDaye8Gw3KVjSZFDXXXWEpXa-84-84.png_q80.jpg_.webp") no-repeat;
          background-size: auto 100%;
          background-position: center; }
        .dm-content main .dm-classify li span {
          width: .64rem;
          padding: 0 .16rem 0 .16rem;
          height: .32rem; }
        .dm-content main .dm-classify li p {
          margin-top: .05rem;
          text-align: center; }
    .dm-content main .kuajing {
      width: 100%;
      height: 1.2rem; }
      .dm-content main .kuajing .dm-banner-second {
        width: 100%;
        height: 1.2rem;
        background: url("https://gw.alicdn.com/imgextra/i1/2251059038/O1CN019jaxIR2GdS9YCxCU4_!!2251059038.gif") no-repeat;
        background-size: 100%; }
    .dm-content main .artist-list {
      width: 100%;
      height: 1.65rem;
      margin-top: .28rem; }
      .dm-content main .artist-list .artist-list-wrap {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap; }
        .dm-content main .artist-list .artist-list-wrap .artist-title {
          width: 100%;
          height: .22rem;
          padding-left: .24rem;
          margin-bottom: .19rem;
          display: flex;
          position: relative;
          font-size: .18rem;
          font-weight: 600;
          color: #000; }
          .dm-content main .artist-list .artist-list-wrap .artist-title span {
            position: absolute;
            right: .24rem;
            color: #999;
            font-size: .14rem;
            font-weight: normal; }
        .dm-content main .artist-list .artist-list-wrap .artist-content {
          flex: 1;
          margin-left: .24rem; }
          .dm-content main .artist-list .artist-list-wrap .artist-content ul {
            width: 100%;
            height: 100%;
            background-color: #efe;
            overflow-x: scroll;
            white-space: nowrap; }
            .dm-content main .artist-list .artist-list-wrap .artist-content ul li {
              display: inline-block;
              width: 2.28rem;
              height: 1.18rem;
              padding: 0 .16rem;
              margin-right: .2rem;
              background: #fff;
              position: relative;
              overflow: hidden; }
              .dm-content main .artist-list .artist-list-wrap .artist-content ul li::after {
                pointer-events: none;
                position: absolute;
                z-index: 999;
                top: 0;
                left: 0;
                content: "\0020";
                border-color: #ccc;
                border-style: solid;
                border-width: 1px;
                -webkit-transform-origin: 0 0;
                transform-origin: 0 0; }
                @media (max--moz-device-pixel-ratio: 1.49), (-webkit-max-device-pixel-ratio: 1.49), (max-device-pixel-ratio: 1.49), (max-resolution: 143dpi), (max-resolution: 1.49dppx) {
                  .dm-content main .artist-list .artist-list-wrap .artist-content ul li::after {
                    width: 100%;
                    height: 100%; } }
                @media (min--moz-device-pixel-ratio: 1.5) and (max--moz-device-pixel-ratio: 2.49), (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 2.49), (min-device-pixel-ratio: 1.5) and (max-device-pixel-ratio: 2.49), (min-resolution: 144dpi) and (max-resolution: 239dpi), (min-resolution: 1.5dppx) and (max-resolution: 2.49dppx) {
                  .dm-content main .artist-list .artist-list-wrap .artist-content ul li::after {
                    width: 200%;
                    height: 200%;
                    -webkit-transform: scale(0.5);
                    transform: scale(0.5); } }
                @media (min--moz-device-pixel-ratio: 2.5), (-webkit-min-device-pixel-ratio: 2.5), (min-device-pixel-ratio: 2.5), (min-resolution: 240dpi), (min-resolution: 2.5dppx) {
                  .dm-content main .artist-list .artist-list-wrap .artist-content ul li::after {
                    width: 300%;
                    height: 300%;
                    -webkit-transform: scale(0.33333);
                    transform: scale(0.33333); } }
              .dm-content main .artist-list .artist-list-wrap .artist-content ul li .artist-top {
                width: 100%;
                height: .8rem;
                position: relative;
                display: flex;
                justify-content: space-around;
                align-items: center; }
                .dm-content main .artist-list .artist-list-wrap .artist-content ul li .artist-top::after {
                  pointer-events: none;
                  position: absolute;
                  z-index: 999;
                  top: 0;
                  left: 0;
                  content: "\0020";
                  border-color: #ccc;
                  border-style: solid;
                  border-width: 0 0 1px 0;
                  -webkit-transform-origin: 0 0;
                  transform-origin: 0 0; }
                  @media (max--moz-device-pixel-ratio: 1.49), (-webkit-max-device-pixel-ratio: 1.49), (max-device-pixel-ratio: 1.49), (max-resolution: 143dpi), (max-resolution: 1.49dppx) {
                    .dm-content main .artist-list .artist-list-wrap .artist-content ul li .artist-top::after {
                      width: 100%;
                      height: 100%; } }
                  @media (min--moz-device-pixel-ratio: 1.5) and (max--moz-device-pixel-ratio: 2.49), (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 2.49), (min-device-pixel-ratio: 1.5) and (max-device-pixel-ratio: 2.49), (min-resolution: 144dpi) and (max-resolution: 239dpi), (min-resolution: 1.5dppx) and (max-resolution: 2.49dppx) {
                    .dm-content main .artist-list .artist-list-wrap .artist-content ul li .artist-top::after {
                      width: 200%;
                      height: 200%;
                      -webkit-transform: scale(0.5);
                      transform: scale(0.5); } }
                  @media (min--moz-device-pixel-ratio: 2.5), (-webkit-min-device-pixel-ratio: 2.5), (min-device-pixel-ratio: 2.5), (min-resolution: 240dpi), (min-resolution: 2.5dppx) {
                    .dm-content main .artist-list .artist-list-wrap .artist-content ul li .artist-top::after {
                      width: 300%;
                      height: 300%;
                      -webkit-transform: scale(0.33333);
                      transform: scale(0.33333); } }
                .dm-content main .artist-list .artist-list-wrap .artist-content ul li .artist-top span {
                  width: .6rem;
                  height: .6rem; }
                .dm-content main .artist-list .artist-list-wrap .artist-content ul li .artist-top .zhoujielun {
                  background: url("https://intercms.damai.cn/artist/pic/1535596053705/1535596053705-main.jpg?x-oss-process=image/quality,q_80/format,webp") no-repeat;
                  background-size: cover;
                  border-radius: 50%; }
                .dm-content main .artist-list .artist-list-wrap .artist-content ul li .artist-top .xuezhiqian {
                  background: url("https://intercms.damai.cn/artist/pic/1534413417645/1534413417645-main.jpg?x-oss-process=image/quality,q_80/format,webp") no-repeat;
                  background-size: cover;
                  border-radius: 50%; }
                .dm-content main .artist-list .artist-list-wrap .artist-content ul li .artist-top .wuyuetian {
                  background: url("https://intercms.damai.cn/artist/pic/1534413438481/1534413438481-main.jpg?x-oss-process=image/quality,q_80/format,webp") no-repeat;
                  background-size: cover;
                  border-radius: 50%; }
                .dm-content main .artist-list .artist-list-wrap .artist-content ul li .artist-top .zhangjie {
                  background: url("https://intercms.damai.cn/artist/pic/1535534488888/1535534488888-main.jpg?x-oss-process=image/quality,q_80/format,webp") no-repeat;
                  background-size: cover;
                  border-radius: 50%; }
                .dm-content main .artist-list .artist-list-wrap .artist-content ul li .artist-top i {
                  width: .8rem;
                  padding-left: .15rem;
                  display: flex;
                  flex-direction: column;
                  font-size: .18rem; }
                  .dm-content main .artist-list .artist-list-wrap .artist-content ul li .artist-top i b {
                    font-size: .12rem;
                    color: #999; }
                .dm-content main .artist-list .artist-list-wrap .artist-content ul li .artist-top em {
                  border: 1px red solid;
                  width: .6rem;
                  height: .3rem;
                  text-align: center;
                  line-height: .3rem;
                  border-radius: .2rem; }
              .dm-content main .artist-list .artist-list-wrap .artist-content ul li .artist-bottom {
                width: 100%;
                height: .38rem;
                display: flex;
                justify-content: space-between;
                align-items: center; }
    .dm-content main .dm-close-show {
      width: 100%;
      height: 4rem;
      display: flex;
      flex-wrap: wrap;
      flex-direction: column; }
      .dm-content main .dm-close-show .show-title {
        width: 100%;
        height: .8rem;
        font-size: .18rem;
        font-weight: 700;
        position: relative;
        padding: .32rem .24rem .24rem; }
        .dm-content main .dm-close-show .show-title span {
          position: absolute;
          right: .24rem;
          color: #999;
          font-size: .14rem;
          font-weight: normal; }
      .dm-content main .dm-close-show .show-week {
        width: 100%;
        height: .52rem;
        padding: 0 .24rem .32rem;
        font-size: .16rem;
        display: flex;
        justify-content: space-between; }
        .dm-content main .dm-close-show .show-week .active {
          color: #999; }
      .dm-content main .dm-close-show .show-work {
        height: 2.5rem;
        width: 100%;
        padding: 0 0 .32rem .24rem; }
        .dm-content main .dm-close-show .show-work ul {
          width: 100%;
          height: 2.5rem;
          display: flex;
          overflow-x: scroll; }
          .dm-content main .dm-close-show .show-work ul li {
            display: inline-block;
            height: 100%;
            width: 1.5rem;
            margin-right: .15rem;
            display: flex;
            flex-wrap: wrap; }
            .dm-content main .dm-close-show .show-work ul li span {
              width: 1.5rem;
              height: .16rem;
              text-overflow: ellipsis;
              overflow-x: scroll;
              white-space: nowrap; }
            .dm-content main .dm-close-show .show-work ul li .show-img {
              border-radius: .05rem;
              width: 100%;
              height: 1.9rem;
              background-size: 100%; }
    .dm-content main h2 {
      display: block;
      width: 100%;
      height: .4rem;
      padding-left: .24rem;
      padding-top: .1rem;
      font-size: .18rem; }
    .dm-content main .dm-content-more {
      width: 100%;
      min-height: 11.3rem;
      position: relative;
      display: flex;
      flex-wrap: wrap;
      flex-direction: column;
      margin: 0; }
      .dm-content main .dm-content-more .content-more-title {
        margin: 0;
        background: #fff;
        width: 100%;
        height: .52rem;
        position: sticky;
        top: -.1rem;
        z-index: 99;
        display: flex;
        justify-content: space-around;
        align-items: center; }
      .dm-content main .dm-content-more .content-more-list {
        flex: 1;
        display: flex;
        flex-direction: column; }
        .dm-content main .dm-content-more .content-more-list .data-show {
          width: 100%;
          height: 1.92rem;
          padding: .24rem .24rem .48rem;
          display: flex;
          justify-content: space-between; }
          .dm-content main .dm-content-more .content-more-list .data-show .data-img {
            width: .91rem;
            height: 100%; }
            .dm-content main .dm-content-more .content-more-list .data-show .data-img img {
              width: .91rem;
              height: 100%; }
          .dm-content main .dm-content-more .content-more-list .data-show .data-desc {
            width: 2.2rem;
            height: 100%; }
            .dm-content main .dm-content-more .content-more-list .data-show .data-desc .data-desc-name {
              font-size: .18rem;
              font-weight: 700; }
            .dm-content main .dm-content-more .content-more-list .data-show .data-desc .data-desc-city {
              width: 100%;
              white-space: nowrap;
              text-overflow: ellipsis;
              overflow: hidden;
              color: #999; }
            .dm-content main .dm-content-more .content-more-list .data-show .data-desc .data-desc-price {
              font-size: .18rem;
              color: #ff1268; }

/**
 * Swiper 4.5.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 22, 2019
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1; }

.swiper-container-no-flexbox .swiper-slide {
  float: left; }

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform,-webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

.swiper-container-android .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform,-webkit-transform; }

.swiper-slide-invisible-blank {
  visibility: hidden; }

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto; }

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height,-webkit-transform;
  transition-property: height,-webkit-transform;
  -o-transition-property: transform,height;
  transition-property: transform,height;
  transition-property: transform,height,-webkit-transform; }

.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px; }

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x; }

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat; }

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none; }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto; }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto; }

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-lock {
  display: none; }

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: .3s opacity;
  -o-transition: .3s opacity;
  transition: .3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10; }

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0; }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%; }

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33); }

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2; }

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer; }

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff; }

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0); }

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: .2s top,.2s -webkit-transform;
  transition: .2s top,.2s -webkit-transform;
  -o-transition: .2s transform,.2s top;
  transition: .2s transform,.2s top;
  transition: .2s transform,.2s top,.2s -webkit-transform; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: .2s left,.2s -webkit-transform;
  transition: .2s left,.2s -webkit-transform;
  -o-transition: .2s transform,.2s left;
  transition: .2s transform,.2s left;
  transition: .2s transform,.2s left,.2s -webkit-transform; }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: .2s right,.2s -webkit-transform;
  transition: .2s right,.2s -webkit-transform;
  -o-transition: .2s transform,.2s right;
  transition: .2s transform,.2s right;
  transition: .2s transform,.2s right,.2s -webkit-transform; }

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute; }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top; }

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0; }

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0; }

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff; }

.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25); }

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #fff; }

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000; }

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25); }

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000; }

.swiper-pagination-lock {
  display: none; }

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%; }

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%; }

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0; }

.swiper-scrollbar-cursor-drag {
  cursor: move; }

.swiper-scrollbar-lock {
  display: none; }

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center; }

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain; }

.swiper-slide-zoomed {
  cursor: move; }

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite; }

.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat; }

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000; }

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube {
  overflow: visible; }

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%; }

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible; }

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0; }

.swiper-container-flip {
  overflow: visible; }

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1; }

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 1200px; }

.detail-content-wrap {
  width: 100%;
  height: 100%;
  background: #fff;
  display: flex;
  flex-direction: column; }
  .detail-content-wrap .detail-content {
    flex: 1;
    overflow-y: scroll; }
    .detail-content-wrap .detail-content .detial-top {
      width: 100%;
      height: 2.46rem;
      padding-bottom: .18rem;
      width: 100%;
      background-image: url("https://img.alicdn.com/bao/uploaded/i4/2251059038/O1CN01cnrDZz2GdSBunmOwb_!!0-item_pic.jpg_400x400");
      background-size: 100000%;
      background-repeat: no-repeat;
      overflow: hidden; }
      .detail-content-wrap .detail-content .detial-top .detail-top-desc {
        width: 100%;
        height: 1.82rem;
        padding: .18rem .2rem 0;
        display: flex;
        justify-content: space-between; }
      .detail-content-wrap .detail-content .detial-top .imgfram {
        width: 1.18rem;
        height: 100%;
        background-image: url("https://img.alicdn.com/bao/uploaded/i4/2251059038/O1CN01cnrDZz2GdSBunmOwb_!!0-item_pic.jpg_400x400");
        background-size: 100%; }
      .detail-content-wrap .detail-content .detial-top .img-desc {
        width: 2rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between; }
        .detail-content-wrap .detail-content .detial-top .img-desc p {
          font-size: .18rem;
          color: #fff;
          font-weight: 600; }
        .detail-content-wrap .detail-content .detial-top .img-desc div {
          width: 100%;
          height: .5rem; }
          .detail-content-wrap .detail-content .detial-top .img-desc div > span {
            color: red; }
          .detail-content-wrap .detail-content .detial-top .img-desc div p {
            display: flex;
            justify-content: space-between; }
            .detail-content-wrap .detail-content .detial-top .img-desc div p span {
              background: red;
              font-size: .08rem;
              display: flex;
              align-items: center; }
            .detail-content-wrap .detail-content .detial-top .img-desc div p i {
              font-size: .14rem;
              color: #ddd; }
    .detail-content-wrap .detail-content .detail-top-bottom {
      width: 100%;
      height: .46rem;
      padding: .1rem .18rem 0; }
      .detail-content-wrap .detail-content .detail-top-bottom div {
        background-color: rgba(255, 255, 255, 0.1);
        display: flex;
        justify-content: space-around;
        align-items: center;
        width: 100%;
        height: 100%; }
      .detail-content-wrap .detail-content .detail-top-bottom p {
        color: #fff;
        flex: 1;
        padding-left: .2rem;
        font-weight: 200; }
      .detail-content-wrap .detail-content .detail-top-bottom i {
        font-size: .14rem;
        color: #fff;
        margin-right: .2rem; }
    .detail-content-wrap .detail-content .service-bar {
      background-color: #f8f8f8;
      width: 100%;
      height: .37rem;
      padding: 0 .1rem;
      display: flex;
      align-items: center; }
      .detail-content-wrap .detail-content .service-bar div {
        margin: 0 .1rem; }
    .detail-content-wrap .detail-content .detail-time-info {
      width: 100%;
      height: .74rem;
      padding: 0 .2rem; }
      .detail-content-wrap .detail-content .detail-time-info .detail-time-content {
        margin-top: .24rem;
        width: 100%;
        height: 100%;
        position: relative; }
        .detail-content-wrap .detail-content .detail-time-info .detail-time-content::after {
          pointer-events: none;
          position: absolute;
          z-index: 999;
          top: 0;
          left: 0;
          content: "\0020";
          border-color: #ccc;
          border-style: solid;
          border-width: 0 0 1px 0;
          -webkit-transform-origin: 0 0;
          transform-origin: 0 0; }
          @media (max--moz-device-pixel-ratio: 1.49), (-webkit-max-device-pixel-ratio: 1.49), (max-device-pixel-ratio: 1.49), (max-resolution: 143dpi), (max-resolution: 1.49dppx) {
            .detail-content-wrap .detail-content .detail-time-info .detail-time-content::after {
              width: 100%;
              height: 100%; } }
          @media (min--moz-device-pixel-ratio: 1.5) and (max--moz-device-pixel-ratio: 2.49), (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 2.49), (min-device-pixel-ratio: 1.5) and (max-device-pixel-ratio: 2.49), (min-resolution: 144dpi) and (max-resolution: 239dpi), (min-resolution: 1.5dppx) and (max-resolution: 2.49dppx) {
            .detail-content-wrap .detail-content .detail-time-info .detail-time-content::after {
              width: 200%;
              height: 200%;
              -webkit-transform: scale(0.5);
              transform: scale(0.5); } }
          @media (min--moz-device-pixel-ratio: 2.5), (-webkit-min-device-pixel-ratio: 2.5), (min-device-pixel-ratio: 2.5), (min-resolution: 240dpi), (min-resolution: 2.5dppx) {
            .detail-content-wrap .detail-content .detail-time-info .detail-time-content::after {
              width: 300%;
              height: 300%;
              -webkit-transform: scale(0.33333);
              transform: scale(0.33333); } }
        .detail-content-wrap .detail-content .detail-time-info .detail-time-content .time {
          font-size: .18rem;
          color: #000;
          font-weight: 700; }
        .detail-content-wrap .detail-content .detail-time-info .detail-time-content .time-desc {
          font-size: .13rem;
          color: #999; }
    .detail-content-wrap .detail-content .location-info {
      width: 100%;
      height: 1.08rem;
      padding: .24rem .2rem;
      display: flex;
      align-items: center; }
      .detail-content-wrap .detail-content .location-info .location-left {
        flex: 1; }
        .detail-content-wrap .detail-content .location-info .location-left p:nth-child(1) {
          font-size: .16rem;
          color: #000;
          font-weight: 700; }
        .detail-content-wrap .detail-content .location-info .location-left p:nth-child(2) {
          margin-top: .12rem;
          color: #999; }
      .detail-content-wrap .detail-content .location-info .location-right {
        width: .2rem;
        height: .2rem;
        margin-left: .15rem; }
    .detail-content-wrap .detail-content .location-line {
      width: 100%;
      height: .12rem;
      background-color: #f8f8f8; }
    .detail-content-wrap .detail-content .navigation-bar {
      width: 100%;
      height: .52rem;
      display: flex;
      background: #fff;
      position: sticky;
      z-index: 99;
      top: 0; }
      .detail-content-wrap .detail-content .navigation-bar > div {
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #111;
        flex-direction: column;
        position: relative; }
        .detail-content-wrap .detail-content .navigation-bar > div div:nth-child(1) {
          position: relative;
          z-index: 99; }
        .detail-content-wrap .detail-content .navigation-bar > div div:nth-child(2) {
          width: .3rem;
          height: .09rem;
          position: absolute;
          top: 56%; }
        .detail-content-wrap .detail-content .navigation-bar > div .active {
          background-image: linear-gradient(90deg, #ffa4a4, #ff2373);
          box-shadow: 0 -0.05333rem 0.10667rem 0 rgba(255, 45, 121, 0.3); }
    .detail-content-wrap .detail-content .competition-intro {
      width: 100%;
      display: flex;
      flex-direction: column; }
      .detail-content-wrap .detail-content .competition-intro .competition-title {
        width: 100%;
        height: .84rem;
        padding: .32rem .2rem .24rem; }
        .detail-content-wrap .detail-content .competition-intro .competition-title h1 {
          font-size: .22rem; }
      .detail-content-wrap .detail-content .competition-intro .sell-content {
        width: 100%;
        padding: 0 .2rem .3rem .2rem;
        min-height: 5rem;
        position: relative; }
        .detail-content-wrap .detail-content .competition-intro .sell-content::after {
          pointer-events: none;
          position: absolute;
          z-index: 999;
          top: 0;
          left: 0;
          content: "\0020";
          border-color: #ccc;
          border-style: solid;
          border-width: 0 0 1px 0;
          -webkit-transform-origin: 0 0;
          transform-origin: 0 0; }
          @media (max--moz-device-pixel-ratio: 1.49), (-webkit-max-device-pixel-ratio: 1.49), (max-device-pixel-ratio: 1.49), (max-resolution: 143dpi), (max-resolution: 1.49dppx) {
            .detail-content-wrap .detail-content .competition-intro .sell-content::after {
              width: 100%;
              height: 100%; } }
          @media (min--moz-device-pixel-ratio: 1.5) and (max--moz-device-pixel-ratio: 2.49), (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 2.49), (min-device-pixel-ratio: 1.5) and (max-device-pixel-ratio: 2.49), (min-resolution: 144dpi) and (max-resolution: 239dpi), (min-resolution: 1.5dppx) and (max-resolution: 2.49dppx) {
            .detail-content-wrap .detail-content .competition-intro .sell-content::after {
              width: 200%;
              height: 200%;
              -webkit-transform: scale(0.5);
              transform: scale(0.5); } }
          @media (min--moz-device-pixel-ratio: 2.5), (-webkit-min-device-pixel-ratio: 2.5), (min-device-pixel-ratio: 2.5), (min-resolution: 240dpi), (min-resolution: 2.5dppx) {
            .detail-content-wrap .detail-content .competition-intro .sell-content::after {
              width: 300%;
              height: 300%;
              -webkit-transform: scale(0.33333);
              transform: scale(0.33333); } }
        .detail-content-wrap .detail-content .competition-intro .sell-content img {
          width: 100%; }
        .detail-content-wrap .detail-content .competition-intro .sell-content p {
          color: #888; }
      .detail-content-wrap .detail-content .competition-intro .notice-content {
        width: 100%;
        padding: 0 .2rem;
        position: relative; }
        .detail-content-wrap .detail-content .competition-intro .notice-content::after {
          pointer-events: none;
          position: absolute;
          z-index: 999;
          top: 0;
          left: 0;
          content: "\0020";
          border-color: #ccc;
          border-style: solid;
          border-width: 0 0 1px 0;
          -webkit-transform-origin: 0 0;
          transform-origin: 0 0; }
          @media (max--moz-device-pixel-ratio: 1.49), (-webkit-max-device-pixel-ratio: 1.49), (max-device-pixel-ratio: 1.49), (max-resolution: 143dpi), (max-resolution: 1.49dppx) {
            .detail-content-wrap .detail-content .competition-intro .notice-content::after {
              width: 100%;
              height: 100%; } }
          @media (min--moz-device-pixel-ratio: 1.5) and (max--moz-device-pixel-ratio: 2.49), (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 2.49), (min-device-pixel-ratio: 1.5) and (max-device-pixel-ratio: 2.49), (min-resolution: 144dpi) and (max-resolution: 239dpi), (min-resolution: 1.5dppx) and (max-resolution: 2.49dppx) {
            .detail-content-wrap .detail-content .competition-intro .notice-content::after {
              width: 200%;
              height: 200%;
              -webkit-transform: scale(0.5);
              transform: scale(0.5); } }
          @media (min--moz-device-pixel-ratio: 2.5), (-webkit-min-device-pixel-ratio: 2.5), (min-device-pixel-ratio: 2.5), (min-resolution: 240dpi), (min-resolution: 2.5dppx) {
            .detail-content-wrap .detail-content .competition-intro .notice-content::after {
              width: 300%;
              height: 300%;
              -webkit-transform: scale(0.33333);
              transform: scale(0.33333); } }
        .detail-content-wrap .detail-content .competition-intro .notice-content h3 {
          font-weight: 800; }
        .detail-content-wrap .detail-content .competition-intro .notice-content .info-item {
          width: 100%;
          height: .45rem;
          display: flex;
          align-items: center; }
          .detail-content-wrap .detail-content .competition-intro .notice-content .info-item i {
            width: .13rem;
            height: .14rem;
            margin-bottom: .05rem;
            margin-right: .1rem; }
        .detail-content-wrap .detail-content .competition-intro .notice-content .info-text {
          margin-left: .23rem; }
        .detail-content-wrap .detail-content .competition-intro .notice-content .read-more {
          width: 100%;
          height: .75rem;
          padding-bottom: .3rem;
          display: flex;
          justify-content: center;
          align-items: flex-end;
          position: relative; }
          .detail-content-wrap .detail-content .competition-intro .notice-content .read-more::after {
            pointer-events: none;
            position: absolute;
            z-index: 999;
            top: 0;
            left: 0;
            content: "\0020";
            border-color: #ccc;
            border-style: solid;
            border-width: 0 0 1px 0;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0; }
            @media (max--moz-device-pixel-ratio: 1.49), (-webkit-max-device-pixel-ratio: 1.49), (max-device-pixel-ratio: 1.49), (max-resolution: 143dpi), (max-resolution: 1.49dppx) {
              .detail-content-wrap .detail-content .competition-intro .notice-content .read-more::after {
                width: 100%;
                height: 100%; } }
            @media (min--moz-device-pixel-ratio: 1.5) and (max--moz-device-pixel-ratio: 2.49), (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 2.49), (min-device-pixel-ratio: 1.5) and (max-device-pixel-ratio: 2.49), (min-resolution: 144dpi) and (max-resolution: 239dpi), (min-resolution: 1.5dppx) and (max-resolution: 2.49dppx) {
              .detail-content-wrap .detail-content .competition-intro .notice-content .read-more::after {
                width: 200%;
                height: 200%;
                -webkit-transform: scale(0.5);
                transform: scale(0.5); } }
            @media (min--moz-device-pixel-ratio: 2.5), (-webkit-min-device-pixel-ratio: 2.5), (min-device-pixel-ratio: 2.5), (min-resolution: 240dpi), (min-resolution: 2.5dppx) {
              .detail-content-wrap .detail-content .competition-intro .notice-content .read-more::after {
                width: 300%;
                height: 300%;
                -webkit-transform: scale(0.33333);
                transform: scale(0.33333); } }
          .detail-content-wrap .detail-content .competition-intro .notice-content .read-more p {
            color: #ff2d79;
            font-size: .16rem; }
        .detail-content-wrap .detail-content .competition-intro .notice-content h3:nth-of-type(2) {
          margin-top: .3rem; }
        .detail-content-wrap .detail-content .competition-intro .notice-content .info-line {
          margin: .2rem;
          width: 100%;
          height: .01rem; }
    .detail-content-wrap .detail-content .recommend-list {
      width: 100%;
      min-height: 2rem; }
      .detail-content-wrap .detail-content .recommend-list .recommend-show {
        width: 100%;
        height: 1.68rem;
        padding: .32rem .2rem .16rem;
        display: flex;
        justify-content: center;
        align-items: center; }
        .detail-content-wrap .detail-content .recommend-list .recommend-show .recommend-img {
          width: .91rem;
          height: 1.2rem; }
          .detail-content-wrap .detail-content .recommend-list .recommend-show .recommend-img img {
            width: .91rem;
            height: 100%; }
        .detail-content-wrap .detail-content .recommend-list .recommend-show .recommend-desc {
          width: 2.42rem;
          height: 100%;
          display: flex;
          flex-direction: column;
          position: relative; }
          .detail-content-wrap .detail-content .recommend-list .recommend-show .recommend-desc .recommend-desc-name {
            font-size: .16rem;
            font-weight: 700; }
          .detail-content-wrap .detail-content .recommend-list .recommend-show .recommend-desc .recommend-desc-city {
            font-size: .14rem;
            color: #aaa;
            margin-top: .06rem; }
          .detail-content-wrap .detail-content .recommend-list .recommend-show .recommend-desc .recommend-desc-price {
            color: #ff1268; }
  .detail-content-wrap footer {
    width: 100%;
    height: .61rem;
    position: relative;
    display: flex;
    padding-top: .1rem; }
    .detail-content-wrap footer::after {
      pointer-events: none;
      position: absolute;
      z-index: 999;
      top: 0;
      left: 0;
      content: "\0020";
      border-color: #ccc;
      border-style: solid;
      border-width: 1px 0 0 0;
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0; }
      @media (max--moz-device-pixel-ratio: 1.49), (-webkit-max-device-pixel-ratio: 1.49), (max-device-pixel-ratio: 1.49), (max-resolution: 143dpi), (max-resolution: 1.49dppx) {
        .detail-content-wrap footer::after {
          width: 100%;
          height: 100%; } }
      @media (min--moz-device-pixel-ratio: 1.5) and (max--moz-device-pixel-ratio: 2.49), (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 2.49), (min-device-pixel-ratio: 1.5) and (max-device-pixel-ratio: 2.49), (min-resolution: 144dpi) and (max-resolution: 239dpi), (min-resolution: 1.5dppx) and (max-resolution: 2.49dppx) {
        .detail-content-wrap footer::after {
          width: 200%;
          height: 200%;
          -webkit-transform: scale(0.5);
          transform: scale(0.5); } }
      @media (min--moz-device-pixel-ratio: 2.5), (-webkit-min-device-pixel-ratio: 2.5), (min-device-pixel-ratio: 2.5), (min-resolution: 240dpi), (min-resolution: 2.5dppx) {
        .detail-content-wrap footer::after {
          width: 300%;
          height: 300%;
          -webkit-transform: scale(0.33333);
          transform: scale(0.33333); } }
    .detail-content-wrap footer .left {
      width: .5rem;
      height: .5rem;
      font-size: .1rem;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-content: center;
      text-align: center; }
      .detail-content-wrap footer .left i {
        text-align: center;
        font-size: .2rem; }
    .detail-content-wrap footer .footer-button {
      width: 2.68rem;
      height: .45rem;
      margin-right: .2rem;
      border-radius: .25rem;
      background-image: linear-gradient(90deg, #ff7f81, #ff2d79);
      display: flex;
      justify-content: center;
      align-items: center; }
      .detail-content-wrap footer .footer-button p {
        font-size: .18rem;
        color: #fff; }

.all-content {
  width: 100%;
  height: 100%;
  background: #fff;
  display: flex;
  flex-direction: column; }
  .all-content .all-content-title {
    height: .57rem;
    padding-bottom: .16rem;
    flex-shrink: 1;
    position: relative; }
    .all-content .all-content-title::after {
      pointer-events: none;
      position: absolute;
      z-index: 999;
      top: 0;
      left: 0;
      content: "\0020";
      border-color: #ccc;
      border-style: solid;
      border-width: 0 0 1px 0;
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0; }
      @media (max--moz-device-pixel-ratio: 1.49), (-webkit-max-device-pixel-ratio: 1.49), (max-device-pixel-ratio: 1.49), (max-resolution: 143dpi), (max-resolution: 1.49dppx) {
        .all-content .all-content-title::after {
          width: 100%;
          height: 100%; } }
      @media (min--moz-device-pixel-ratio: 1.5) and (max--moz-device-pixel-ratio: 2.49), (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 2.49), (min-device-pixel-ratio: 1.5) and (max-device-pixel-ratio: 2.49), (min-resolution: 144dpi) and (max-resolution: 239dpi), (min-resolution: 1.5dppx) and (max-resolution: 2.49dppx) {
        .all-content .all-content-title::after {
          width: 200%;
          height: 200%;
          -webkit-transform: scale(0.5);
          transform: scale(0.5); } }
      @media (min--moz-device-pixel-ratio: 2.5), (-webkit-min-device-pixel-ratio: 2.5), (min-device-pixel-ratio: 2.5), (min-resolution: 240dpi), (min-resolution: 2.5dppx) {
        .all-content .all-content-title::after {
          width: 300%;
          height: 300%;
          -webkit-transform: scale(0.33333);
          transform: scale(0.33333); } }
    .all-content .all-content-title ul {
      height: .57rem;
      white-space: nowrap;
      overflow-x: scroll;
      text-align: center; }
      .all-content .all-content-title ul li {
        height: .4rem;
        line-height: .4rem;
        display: inline-block;
        margin: 0 .14rem;
        font-size: .16rem; }
      .all-content .all-content-title ul li.active {
        border-bottom: 2px solid red; }
  .all-content .all-content-sort {
    flex-shrink: 1;
    width: 100%;
    background-color: #f5f5f5;
    position: relative; }
    .all-content .all-content-sort::after {
      pointer-events: none;
      position: absolute;
      z-index: 999;
      top: 0;
      left: 0;
      content: "\0020";
      border-color: #ccc;
      border-style: solid;
      border-width: 0 0 1px 0;
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0; }
      @media (max--moz-device-pixel-ratio: 1.49), (-webkit-max-device-pixel-ratio: 1.49), (max-device-pixel-ratio: 1.49), (max-resolution: 143dpi), (max-resolution: 1.49dppx) {
        .all-content .all-content-sort::after {
          width: 100%;
          height: 100%; } }
      @media (min--moz-device-pixel-ratio: 1.5) and (max--moz-device-pixel-ratio: 2.49), (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 2.49), (min-device-pixel-ratio: 1.5) and (max-device-pixel-ratio: 2.49), (min-resolution: 144dpi) and (max-resolution: 239dpi), (min-resolution: 1.5dppx) and (max-resolution: 2.49dppx) {
        .all-content .all-content-sort::after {
          width: 200%;
          height: 200%;
          -webkit-transform: scale(0.5);
          transform: scale(0.5); } }
      @media (min--moz-device-pixel-ratio: 2.5), (-webkit-min-device-pixel-ratio: 2.5), (min-device-pixel-ratio: 2.5), (min-resolution: 240dpi), (min-resolution: 2.5dppx) {
        .all-content .all-content-sort::after {
          width: 300%;
          height: 300%;
          -webkit-transform: scale(0.33333);
          transform: scale(0.33333); } }
    .all-content .all-content-sort ul {
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: space-around;
      align-items: center; }
  .all-content .all-content-wrap {
    flex-shrink: 1;
    overflow-y: scroll; }
    .all-content .all-content-wrap .all-content-list {
      width: 100%;
      min-height: 10rem; }
      .all-content .all-content-wrap .all-content-list .head, .all-content .all-content-wrap .all-content-list .foot {
        width: 100%;
        height: .4rem;
        display: flex;
        justify-content: center;
        align-items: center; }
        .all-content .all-content-wrap .all-content-list .head img, .all-content .all-content-wrap .all-content-list .foot img {
          width: .14rem;
          height: .14rem; }
      .all-content .all-content-wrap .all-content-list .head img {
        transform: rotate(180deg); }
      .all-content .all-content-wrap .all-content-list .up {
        transform: rotate(360deg) !important;
        -webkit-transform: rotate(360deg) !important; }
      .all-content .all-content-wrap .all-content-list .down {
        transform: rotate(180deg); }
      .all-content .all-content-wrap .all-content-list .all-data-show {
        width: 100%;
        height: 1.92rem;
        padding: .24rem .24rem .48rem;
        display: flex;
        justify-content: space-between; }
        .all-content .all-content-wrap .all-content-list .all-data-show .all-data-img {
          width: .91rem;
          height: 100%; }
          .all-content .all-content-wrap .all-content-list .all-data-show .all-data-img img {
            width: .91rem;
            height: 100%; }
        .all-content .all-content-wrap .all-content-list .all-data-show .all-data-desc {
          width: 2.2rem;
          height: 100%; }
          .all-content .all-content-wrap .all-content-list .all-data-show .all-data-desc .all-data-desc-name {
            font-size: .18rem;
            font-weight: 700; }
          .all-content .all-content-wrap .all-content-list .all-data-show .all-data-desc .all-data-desc-city {
            width: 100%;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            color: #999; }
          .all-content .all-content-wrap .all-content-list .all-data-show .all-data-desc .all-data-desc-price {
            font-size: .18rem;
            color: #ff1268; }

.profile {
  width: 100%;
  height: 100%;
  overflow-y: scroll; }
  .profile header {
    width: 100%;
    height: .95rem;
    background: #ff1268;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: .16rem;
    color: #fff; }
    .profile header .profile-img {
      width: .63rem;
      height: .63rem;
      background: url("https://gw.alicdn.com/tfs/TB1o4Bodr_I8KJjy1XaXXbsxpXa-150-150.png") no-repeat;
      background-size: 100%;
      border-radius: 50%;
      margin: 0 .15rem; }
  .profile main {
    width: 100%; }
    .profile main .yo-ico {
      margin-right: .1rem;
      font-size: .16rem; }
    .profile main .my-list {
      width: 100%;
      padding-left: .14rem;
      margin: .13rem 0;
      background: #fff; }
      .profile main .my-list .my-list-item {
        width: 100%;
        height: .55rem;
        padding-right: .14rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        font-size: .14rem;
        color: #666; }
        .profile main .my-list .my-list-item::after {
          pointer-events: none;
          position: absolute;
          z-index: 999;
          top: 0;
          left: 0;
          content: "\0020";
          border-color: #ccc;
          border-style: solid;
          border-width: 0 0 1px 0;
          -webkit-transform-origin: 0 0;
          transform-origin: 0 0; }
          @media (max--moz-device-pixel-ratio: 1.49), (-webkit-max-device-pixel-ratio: 1.49), (max-device-pixel-ratio: 1.49), (max-resolution: 143dpi), (max-resolution: 1.49dppx) {
            .profile main .my-list .my-list-item::after {
              width: 100%;
              height: 100%; } }
          @media (min--moz-device-pixel-ratio: 1.5) and (max--moz-device-pixel-ratio: 2.49), (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 2.49), (min-device-pixel-ratio: 1.5) and (max-device-pixel-ratio: 2.49), (min-resolution: 144dpi) and (max-resolution: 239dpi), (min-resolution: 1.5dppx) and (max-resolution: 2.49dppx) {
            .profile main .my-list .my-list-item::after {
              width: 200%;
              height: 200%;
              -webkit-transform: scale(0.5);
              transform: scale(0.5); } }
          @media (min--moz-device-pixel-ratio: 2.5), (-webkit-min-device-pixel-ratio: 2.5), (min-device-pixel-ratio: 2.5), (min-resolution: 240dpi), (min-resolution: 2.5dppx) {
            .profile main .my-list .my-list-item::after {
              width: 300%;
              height: 300%;
              -webkit-transform: scale(0.33333);
              transform: scale(0.33333); } }
      .profile main .my-list .my-ticket {
        position: relative; }
        .profile main .my-list .my-ticket::after {
          pointer-events: none;
          position: absolute;
          z-index: 999;
          top: 0;
          left: 0;
          content: "\0020";
          border-color: #ccc;
          border-style: solid;
          border-width: 0 0 0 0;
          -webkit-transform-origin: 0 0;
          transform-origin: 0 0; }
          @media (max--moz-device-pixel-ratio: 1.49), (-webkit-max-device-pixel-ratio: 1.49), (max-device-pixel-ratio: 1.49), (max-resolution: 143dpi), (max-resolution: 1.49dppx) {
            .profile main .my-list .my-ticket::after {
              width: 100%;
              height: 100%; } }
          @media (min--moz-device-pixel-ratio: 1.5) and (max--moz-device-pixel-ratio: 2.49), (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 2.49), (min-device-pixel-ratio: 1.5) and (max-device-pixel-ratio: 2.49), (min-resolution: 144dpi) and (max-resolution: 239dpi), (min-resolution: 1.5dppx) and (max-resolution: 2.49dppx) {
            .profile main .my-list .my-ticket::after {
              width: 200%;
              height: 200%;
              -webkit-transform: scale(0.5);
              transform: scale(0.5); } }
          @media (min--moz-device-pixel-ratio: 2.5), (-webkit-min-device-pixel-ratio: 2.5), (min-device-pixel-ratio: 2.5), (min-resolution: 240dpi), (min-resolution: 2.5dppx) {
            .profile main .my-list .my-ticket::after {
              width: 300%;
              height: 300%;
              -webkit-transform: scale(0.33333);
              transform: scale(0.33333); } }
    .profile main .my-star {
      width: 100%;
      padding: 0 .14rem;
      height: .55rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
      background: #fff;
      margin-bottom: .14rem;
      font-size: .14rem;
      color: #666; }
    .profile main .my-info-list {
      width: 100%;
      padding-left: .14rem;
      background: #fff;
      margin-bottom: .12rem; }
      .profile main .my-info-list .my-info-item {
        width: 100%;
        height: .55rem;
        padding-right: .14rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: .14rem;
        color: #666;
        position: relative; }
        .profile main .my-info-list .my-info-item::after {
          pointer-events: none;
          position: absolute;
          z-index: 999;
          top: 0;
          left: 0;
          content: "\0020";
          border-color: #ccc;
          border-style: solid;
          border-width: 0 0 1px 0;
          -webkit-transform-origin: 0 0;
          transform-origin: 0 0; }
          @media (max--moz-device-pixel-ratio: 1.49), (-webkit-max-device-pixel-ratio: 1.49), (max-device-pixel-ratio: 1.49), (max-resolution: 143dpi), (max-resolution: 1.49dppx) {
            .profile main .my-info-list .my-info-item::after {
              width: 100%;
              height: 100%; } }
          @media (min--moz-device-pixel-ratio: 1.5) and (max--moz-device-pixel-ratio: 2.49), (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 2.49), (min-device-pixel-ratio: 1.5) and (max-device-pixel-ratio: 2.49), (min-resolution: 144dpi) and (max-resolution: 239dpi), (min-resolution: 1.5dppx) and (max-resolution: 2.49dppx) {
            .profile main .my-info-list .my-info-item::after {
              width: 200%;
              height: 200%;
              -webkit-transform: scale(0.5);
              transform: scale(0.5); } }
          @media (min--moz-device-pixel-ratio: 2.5), (-webkit-min-device-pixel-ratio: 2.5), (min-device-pixel-ratio: 2.5), (min-resolution: 240dpi), (min-resolution: 2.5dppx) {
            .profile main .my-info-list .my-info-item::after {
              width: 300%;
              height: 300%;
              -webkit-transform: scale(0.33333);
              transform: scale(0.33333); } }
  .profile footer {
    width: 100%;
    height: .6rem;
    padding-top: .2rem;
    color: #999;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .12rem; }
    .profile footer .about-line {
      font-size: .14rem;
      margin-bottom: .05rem; }
    .profile footer div {
      height: .4rem; }

#root {
  width: 100%;
  height: 100%; }
